<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>后勤保障关键技术识别与预测系统</title>
    <link rel="stylesheet" href="css/styles.css">
</head>

<body data-page="home">
    <!-- 顶部导航栏 -->
    <nav class="navbar">
        <div style="display: flex;align-items: center;">
            <div class="navbar-logo">
                <img src="img/logo.png">
            </div>
            <div class="navbar-title">关键技术识别与技术发展水平预测</div>
        </div>
        <div class="navbar-menu"> 
            <div class="navbar-dropdown">
                <button class="dropdown-btn">
                    <svg class="menu-icon" viewBox="0 0 24 24">
                        <path
                            d="M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.07-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.09.63-.09.94s.02.64.07.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6z" />
                    </svg>
                    <span>设置</span>
                    <svg class="menu-icon" viewBox="0 0 24 24" width="16" height="16">
                        <path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z" />
                    </svg>
                </button>
                <div class="dropdown-menu">
                    <a href="settings.html" class="dropdown-item">系统设置</a> 
                    <div class="dropdown-divider"></div>
                    <a onclick="logout()" class="dropdown-item">退出登录</a>
                </div>
            </div> 
            <!-- 用户信息 -->
            <div class="navbar-user">
                <div class="user-avatar">
                    <img src="" id="user-avatar"  >
                </div>
                <div class="user-name" id="user-name"></div>
            </div>
        </div>
    </nav>

    <!-- 主要内容区域 -->
    <main class="main-content">
        <div class="container">
            <!-- 系统概览卡片 -->
            <div class="card">
                <div class="card-header">
                    <h2 class="card-title">系统概览</h2>
                </div>
                <div id="dashboard-stats">
                    <!-- 动态加载数据 -->
                </div>
            </div>

            <!-- 快捷操作 -->
            <!-- <div class="card">
                <div class="card-header">
                    <h2 class="card-title">快捷操作</h2>
                </div>
                <div class="row">
                    <div class="col-6">
                        <a href="themes.html" class="btn btn-block">启动分析</a>
                    </div>
                    <div class="col-6">
                        <a href="evaluation.html" class="btn btn-block btn-secondary">专家评估</a>
                    </div>
                    <div class="col-6 mt-2">
                        <a href="data.html" class="btn btn-block btn-secondary">源数据管理</a>
                    </div>
                    <div class="col-6 mt-2">
                        <a href="settings.html" class="btn btn-block btn-secondary">系统设置</a>
                    </div>
                </div>
            </div> -->

            <!-- 最新识别结果 -->
            <div class="card">
                <div class="card-header">
                    <h2 class="card-title">最新识别结果</h2>
                </div>
                <!-- <div class="list-item">
                    <div>
                        <div class="list-title">🔥 人工智能芯片</div>
                        <div class="list-meta">热度: ★★★★★ | 2024-01-15</div>
                    </div>
                    <div>
                        <span class="status-badge status-confirmed">已确认</span>
                    </div>
                </div>
                <div class="list-item">
                    <div>
                        <div class="list-title">📈 智能制造技术</div>
                        <div class="list-meta">热度: ★★★★☆ | 2024-01-14</div>
                    </div>
                    <div>
                        <span class="status-badge status-review">审核中</span>
                    </div>
                </div>
                <div class="list-item">
                    <div>
                        <div class="list-title">🆕 量子通信技术</div>
                        <div class="list-meta">热度: ★★★☆☆ | 2024-01-14</div>
                    </div>
                    <div>
                        <span class="status-badge status-new">待审核</span>
                    </div>
                </div> -->
                <div id="latest-tech-point-list">
                    <div class="list-item">
                    <!-- <div>
                        <div class="list-title">技术发展预测</div>
                        <div class="list-meta">类型: 预测分析 | 2024-01-18</div>
                    </div>
                    <div>
                        <a href="task-results.html" class="btn btn-sm btn-secondary">查看详情</a>
                    </div> -->
                </div>
                </div>
                
            </div>
        </div>
    </main>

    <!-- 自定义确认对话框 -->
    <div id="confirm-modal" class="confirm-modal" style="display: none;">
        <div class="confirm-modal-content">
            <div class="confirm-modal-header">
                <h3 class="confirm-modal-title">操作确认</h3>
            </div>
            <div class="confirm-modal-body" id="confirm-modal-message">
                确定要执行此操作吗？
            </div>
            <div class="confirm-modal-footer">
                <button class="confirm-modal-btn confirm-modal-btn-cancel" id="confirm-modal-cancel">取消</button>
                <button class="confirm-modal-btn confirm-modal-btn-confirm" id="confirm-modal-confirm">确定</button>
            </div>
        </div>
    </div>

    <!-- 底部导航 -->
    <nav class="left-nav">
        <a href="index.html" class="nav-item active" data-tab="home">
            <svg class="nav-icon" viewBox="0 0 24 24">
                <path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z" />
            </svg>
            <span>首页</span>
        </a>
        <a href="data.html" class="nav-item" data-tab="data">
            <svg class="nav-icon" viewBox="0 0 24 24">
                <path
                    d="M19 3H5c-1.1 0-1.99.9-1.99 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z" />
            </svg>
            <span>数据</span>
        </a>
        <a href="themes.html" class="nav-item" data-tab="themes">
            <svg class="nav-icon" viewBox="0 0 24 24">
                <path
                    d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z" />
            </svg>
            <span>分析</span>
        </a>
        <a href="evaluation.html" class="nav-item" data-tab="evaluation">
            <svg class="nav-icon" viewBox="0 0 24 24">
                <path
                    d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" />
            </svg>
            <span>评估</span>
        </a>
    </nav>
    <script src="js/jquery-3.6.0.min.js"></script>
    <script src="js/app.js"></script>
</body>

</html>